<template>
	<view class="wrap">
		<cu-custom bgColor="bg-gradual-blue" :isBack="false">
			<!-- <block slot="backText">返回</block> -->
			<block slot="content">工作台</block>
		</cu-custom>
		<view style="padding:14rpx">
			<u-swiper :indicator="indicator" :radius="10" circular height="160px" :list="imgList"
				@click="imgListClick"></u-swiper>
		</view>

		<!-- <view class="workbench-title">常用应用</view>
		<view class="toolbar">
			<u-grid class="grid" :col="4" :border="false">
				<u-grid-item :index="0" @click="navTo('/pages/workbench/add-form')">
					<view class="home-icon icon-color01">
						<i class="iconfont icon-qingjia"></i>
					</view>
					<view class="grid-text">请假申请</view>
				</u-grid-item>
				<u-grid-item :index="2" @click="navTo('/pages/workbench/otherCityWork')">
					<view class="home-icon icon-color03">
						<i class="iconfont icon-chucha"></i>
					</view>
					<view class="grid-text">出差申请</view>
				</u-grid-item>
				<u-grid-item :index="2" @click="navTo('')">
					<view class="home-icon icon-color12">
						<i class="iconfont icon-ribao"></i>
					</view>
					<view class="grid-text">日报</view>
				</u-grid-item>
				<u-grid-item @click="navTo('/pages/workbench/install')">
					<view class="home-icon icon-color13">
						<i class="iconfont icon-tianjia" style="color:#90949d;"></i>
					</view>
					<view class="grid-text">添加常用</view>
				</u-grid-item>
			</u-grid>
		</view> -->
		<view class="workbench-title">日常办公</view>
		<view class="toolbar">
			<u-grid class="grid" :col="4" :border="false">
				<!-- <u-grid-item :index="0" @click="navTo('/pages/workbench/add-form')">
					<view class="home-icon icon-color01">
						<i class="iconfont icon-qingjia"></i>
					</view>
					<view class="grid-text">请假申请</view>
				</u-grid-item>
				<u-grid-item @click="navTo('/pages/workbench/otherCityWork')">
					<view class="home-icon icon-color03">
						<i class="iconfont icon-chucha"></i>
					</view>
					<view class="grid-text">出差申请</view>
				</u-grid-item> -->
				<u-grid-item @click="navTo('/pages/workbench/stamp')">
					<view class="home-icon icon-color04">
						<i class="iconfont icon-shenpi"></i>
					</view>
					<view class="grid-text">用章申请</view>
				</u-grid-item>
				<!-- <u-grid-item :index="2" @click="navTo('')">
					<view class="home-icon icon-color03">
						<i class="iconfont icon-jiabanshenqing"></i>
					</view>
					<view class="grid-text">加班申请</view>
				</u-grid-item> -->

				<!-- <u-grid-item @click="navTo('')">
					<view class="home-icon icon-color01">
						<i class="iconfont icon-gongwujiedai"></i>
					</view>
					<view class="grid-text">商机填报</view>
				</u-grid-item> -->

				<!-- <u-grid-item @click="navTo('')">
					<view class="home-icon icon-color12">
						<i class="iconfont icon-ribao"></i>
					</view>
					<view class="grid-text">日报</view>
				</u-grid-item>
				<u-grid-item @click="navTo('/pages/workbench/entry')">
					<view class="home-icon icon-color04">
						<i class="iconfont icon-a-peoples1"></i>
					</view>
					<view class="grid-text">入职办理</view>
				</u-grid-item>
				<u-grid-item :index="2" @click="navTo('')">
					<view class="home-icon icon-color12">
						<i class="iconfont icon-kaoqinchuqin"></i>
					</view>
					<view class="grid-text">考勤结果</view>
				</u-grid-item> -->

			</u-grid>
		</view>
		<view class="workbench-title">财务管理</view>
		<view class="toolbar">
			<u-grid class="grid" :col="4" :border="false">

				<u-grid-item :index="2" @click="navTo('/pages/workbench/invoice')">
					<view class="home-icon icon-color03">
						<i class="iconfont icon-finance"></i>
					</view>
					<view class="grid-text">发票申请</view>
				</u-grid-item>
				<!-- <u-grid-item :index="2" @click="navTo('/pages/workbench/noInvoice')">
					<view class="home-icon icon-color12">
						<i class="iconfont icon-baoxiaodan"></i>
					</view>
					<view class="grid-text">待开票</view>
				</u-grid-item> -->
				<!-- <u-grid-item :index="0" @click="navTo('')">
					<view class="home-icon icon-color04">
						<i class="iconfont icon-baoxiaodan"></i>
					</view>
					<view class="grid-text">费用报销</view>
				</u-grid-item> -->
				<!-- <u-grid-item @click="navTo('')">
					<view class="home-icon icon-color04">
						<i class="iconfont icon-mall-bag"></i>
					</view>
					<view class="grid-text">待收款</view>
				</u-grid-item> -->
			</u-grid>
		</view>
		<view class="workbench-title">分析图表</view>
		<view class="toolbar">
			<u-grid class="grid" :col="4" :border="false">
				<u-grid-item :index="2" @click="navTo('/pages/workbench/invoiceCharts')">
					<view class="home-icon icon-color12">
						<i class="iconfont icon-finance"></i>
					</view>
					<view class="grid-text">我的发票</view>
				</u-grid-item>
				<u-grid-item :index="2" @click="navTo('/pages/workbench/charts')">
					<view class="home-icon icon-color04">
						<i class="iconfont icon-finance"></i>
					</view>
					<view class="grid-text">我的项目</view>
				</u-grid-item>
				<!-- <u-grid-item :index="2" @click="navTo('')">
					<view class="home-icon icon-color12">
						<i class="iconfont icon-baoxiaodan"></i>
					</view>
					<view class="grid-text">开票看板</view>
				</u-grid-item>
				<u-grid-item :index="0" @click="navTo('')">
					<view class="home-icon icon-color04">
						<i class="iconfont icon-baoxiaodan"></i>
					</view>
					<view class="grid-text">费用报销</view>
				</u-grid-item>
				<u-grid-item @click="navTo('')">
					<view class="home-icon icon-color04">
						<i class="iconfont icon-mall-bag"></i>
					</view>
					<view class="grid-text">收款提醒</view>
				</u-grid-item> -->
			</u-grid>
		</view>
		<u-divider text="已经到底了" style="margin-bottom: 125rpx;"></u-divider>

	</view>

</template>
<script>
	/**
	 * Copyright (c) 2013-Now http://aidex.vip All rights reserved.
	 */
	export default {
		components: {

		},
		data() {
			return {
				show: false,
				indicator: true,
				imgList: [
					'/static/banner/banner01.png',
					'/static/banner/banner06.png',
					'/static/banner/banner02.png',
					'/static/banner/banner03.png',
					'/static/banner/banner04.png',
					'/static/banner/banner05.png',


				],
				todoCount: 3
			};
		},
		onLoad() {

		},
		methods: {
			navTo(url) {
				uni.navigateTo({
					url: url
				});
			},
			imgListClick(index) {
				console.log(`点击了第${index + 1}页图片`)
			},
			itemClick(index) {
				console.log(index);
			}
		}
	};
</script>
<style lang="scss">
	@import 'index.scss';

	.wrap {
		background-color: #fff;
		//height: calc(100vh - var(--window-top) - var(--window-bottom) - 105rpx); // 105rpx 为 .search 的高度
		overflow-y: auto;
	}

	.banner-box {
		padding: 0 2%;
		width: 96%;
		height: 170rpx;
		margin: 30rpx 0 30rpx;
	}

	.u-swiper-wrap {
		padding: 0 10px;
	}

	.banner-pic {
		width: 47%;
		float: left;
		display: inline-block;
		margin: 0 1.5%;
	}

	.banner-pic image {
		width: 100%;
		height: 170rpx;
		border-radius: 12rpx;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	}

	.u-mode-light-info {
		background-color: #ffffff;
		color: #666666;
		border: 1px solid #e9ecf6;
		font-size: 12px;
		padding: 2px 8px;
		position: relative;
		top: -3px;
	}

	.workbench-title {
		font-size: 32rpx;
		font-weight: bold;
		color: #333333;
		padding: 15px 30rpx;
	}

	.home-icon i.icon-tongzhi {
		font-size: 22px;
	}

	.bottomDivider {
		margin-bottom: 80px;
	}
</style>